import React, { Component } from 'react'
import { Redirect, Route, Switch } from 'react-router-dom'

import MyNavLink from '../../components/MyNavLink/MyNavLink'
import News from './News/News'
import Message from './Message/Message'

export default class Home extends Component {
    render() {
        // console.log("Home组件收到的props是：" ,this.props);
        return (
            <div>
                <h3>我是Home内容</h3>
                <div>
                    <ul className="nav nav-tabs">
                        <li>
                            <MyNavLink to="/home/news">News</MyNavLink>
                        </li>
                        <li>
                            <MyNavLink to="/home/message">Message</MyNavLink>
                        </li>
                    </ul>
                </div>
                <div>
                    {/* 注册路由 */}
                    <Switch>
                        <Route path="/home/news" component={ News }/>
                        <Route path="/home/message" component={ Message } />
                        <Redirect to="/home/news" />
                    </Switch>
                </div>
            </div>
        )
    }
}
